<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>PhyloBox</title>
    <meta name="description" content="PhyloBox Editor">
    <script type="text/javascript" src="/static/javascript/jquery.js"></script>  
    
    <link rel="stylesheet" href="/static/css/homepage.css" /> 
    <script language="javascript">
    </script>
</head>
<body>
<div id="wrapper">
    <div id="row" class="main">
        <div id="col" class="info">
            PhyloBox is an online environment for viewing, editing, sharing, and publishing phylogenetic trees. 
            We plan to support many of the same tools as <a href="http://mesquiteproject.org">Mesquite</a>, while allowing new features like embedding phylogenies in your webpage like a <a href="http://www.google.com/support/youtube/bin/answer.py?hl=en&answer=57788">YouTube</a> video. All work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 License</a>
        </div>
        <div id="col" class="upload">
            <div id="row" class="upload-header">Upload your phylogeny*</div>
            <div id="row" class="uploader">
                <form name="upload" action="/tree/edit?k={{ key }}" method="post" enctype="multipart/form-data">
                    <input type="hidden" name="key" value="{{ key }}"/>
                    <input class="file" type="file" name="phyloxml" size="10"/>
                    <input class="submit" type="submit" value="Go!" /> 
                </form>
            </div>
            <div id="row" class="upload-subheader">* phyloxml file <a href="http://phyloxml.org">see here</a></div>
        </div>
    </div>
    {{ bottomMenu }}
</div>
</body>
</html>
